<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<title>档案登记</title>
	<link rel="stylesheet" type="text/css" th:href="@{/lib/layui/css/layui.css}" />
	<script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" th:href="@{/css/renshidengji.css}" />
	<script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
	<script th:src="@{/js/renshi.js}"></script>
	<script th:src="@{/js/szb.js}"></script>
</head>
<!--<body>
    <div id="box1">
        <form class="layui-form " enctype="multipart/form-data">
            <p style="font-size: 10px;">人事管理>>人事档案管理>>档案登记</p><br>
    <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css" />
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../../../static/css/renshidengji.css" />
</head>-->
<body onload="ZuZhiPage()">
<div id="box1">
	<form id="from-szb" class="layui-form" enctype="multipart/form-data">
		<p style="font-size: 10px;">人事管理>><a href="/renshiwelcome">人事档案管理</a>>>档案登记</p><br>
		<table border="0" class="layui-table myTable tables">
			<tr>
				<th>所属部门:</th>
				<th>
					<!--						<input type="text" name="department" id="niua1" class="layui-input department" style="display: inline-block;"/>-->
					<!-- <button type="button" class="layui-btn layui-btn-primary" data-type="test5" style="display: inline-block;">fff</button> -->
					<select name="department" id="niua1" class="layui-input department" />
					<option value="">----请选择----</option>
					<option value="7">产品管理部</option>
					<option value="8">质量管理部</option>
					<option value="9">产品设计中心</option>
					<option value="10">平台研发中心</option>
					<option value="11">人力资源中心</option>
					<option value="12">财务部</option>
				</th>
				<th>档案状态:</th>
				<th colspan="2">
					<!--<input type="text" id="niua2" class="layui-input fstatus" />-->
					<select name="fstatus" id="niua2" class="layui-input fstatus"/>
					<option value="">----请选择----</option>
					<option value="试用期">试用期</option>
					<option value="正式员工">正式员工</option>
					<option value="实习">实习</option>
					<option value="离职">离职</option>
					<option value="已删除">已删除</option>
				</th>

				<th colspan="1" rowspan="5">
					<img id="imghead"  width="260" height="180" /> <!--图片显示位置-->
					<input type="file" name="imggggg" id="file" onchange="getPhotoSize(this)" >
				</th>
			</tr>
			<tr>
				<th>职位名称:</th>
				<th>
					<input  type="text" id="niub1" class="layui-input jobTitle" style="width: 90%;display: inline-block" readonly/><a id="skt1" href="#"><img th:src="@{/images/da123.png}"></a>
					<!--<select name="jobTitle" id="niub1" class="layui-input jobTitle"/>
                    <option value="">&#45;&#45;&#45;&#45;请选择&#45;&#45;&#45;&#45;</option>
                    <option value="1">技术总监</option>
                    <option value="2">财务主管</option>
                    <option value="3">技术培训师</option>-->

					<input type="hidden" name="jobTitle" id="bbbc">
				</th>

				<th>职位编码:</th>
				<th colspan="2">
					<input type="text" id="niub2" class="layui-input fileCoding" readonly/>
					<!--<select name="fileCoding" class="layui-input fileCoding" />
                    <option value="">&#45;&#45;&#45;&#45;请选择&#45;&#45;&#45;&#45;</option>
                    <option value="BDQN000001">BDQN000001</option>
                    <option value="BDQN000002">BDQN000002</option>
                    <option value="BDQN000003">BDQN000003</option>-->
				</th>
			</tr>
			<tr>
				<th>姓名:</th>
				<th><input name="name" type="text" id="niuc1" class="layui-input name" /></th>
				<th>性别:</th>
				<th colspan="2">
					<select name="sex"  class="layui-select sex">
						<option value="">----请选择----</option>
						<option value="男">男</option>
						<option value="女">女</option>
					</select>
				</th>
			</tr>
			<tr>
				<th>EMAIL:</th>
				<th><input name="email" type="text" id="niud1" class="layui-input email" /></th>
				<th>联系电话:</th>
				<th colspan="2"><input name="phone" type="text" id="niud2" class="layui-input phone" /></th>
			</tr>
			<tr>
				<th>住址:</th>
				<th colspan="4"><textarea name="address" id="niue" class="layui-textarea myText address"></textarea></th>
			</tr>
			<tr>
				<th>身份证号:</th>
				<th><input name="idNumber" type="text" id="niuf1" class="layui-input idNumber"/></th>
				<th>户口所在地:</th>
				<th><input name="registered" type="text" id="niuf2" class="layui-input registered "/></th>
				<th>政治面貌:</th>
				<th>
					<!--<input type="text" id="niuf3" class="layui-input politicsStatus" />-->
					<select name="politicsStatus" id="niuf3" class="layui-input politicsStatus"/>
					<option value="">----请选择----</option>
					<option value="群众">群众</option>
					<option value="党员">党员</option>
				</th>
			</tr>
			<tr>
				<th>毕业院校:</th>
				<th><input name="school" type="text" id="niug1" class="layui-input school" /></th>
				<th>专业:</th>
				<th><input name="major" type="text" id="niug2" class="layui-input major" /></th>
				<th>学历:</th>
				<th>
					<select name="education" id="niug3" class="layui-select education">
						<option value="">----请选择----</option>
						<option value="专科">专科</option>
						<option value="本科">本科</option>
						<option value="硕士">硕士</option>
						<option value="博士">博士</option>
					</select>
				</th>
			</tr>
			<tr>
				<th>薪酬标准:</th>
				<th>
					<select name="salaaryStandard" id="niuh1" class="layui-input salaaryStandard">
						<option value="">----请选择----</option>
						<option value="3">高级软件工程师</option>
						<option value="2">中级软件工程师</option>
						<option value="1">初级软件工程师</option>
					</select>
				</th>
				<th>开户行:</th>
				<th><input name="openingBank" type="text" id="niuh2" class="layui-input openingBank" /></th>
				<th>银行卡号:</th>
				<th><input name="cardNo" type="text" id="niuh3" class="layui-input cardNo" /></th>
			</tr>
			<tr>
				<th>社保卡号:</th>
				<th><input name="social" type="text" id="niuj1" class="layui-input social" /></th>
				<th>登记人:</th>
				<th><input name="registrant" type="text" id="niuj2" class="layui-input registrant" /></th>
				<th>建档时间:</th>
				<th><input name="filecreatedDate" type="date" id="niuj3" class="layui-input filecreatedDate" /></th>
			</tr>
			<tr>
				<th>个人履历:</th>
				<th colspan="5">
					<textarea name="redumes" class="layui-textarea myText redumes" id="niuk"></textarea>
				</th>
			</tr>
			<tr>
				<th>家庭关系信息:</th>
				<th colspan="5">
					<textarea name="family" class="layui-textarea myText family" id="niul"></textarea>
				</th>
			</tr>
			<tr>
				<th>备注:</th>
				<th colspan="5">
					<textarea name="notes" class="layui-textarea myText notes" id="nium"></textarea>
				</th>
			</tr>
			<tr>
				<th>简历附件:</th>
				<th>
					<input type="file" name="file" class="resumeAttachment"/>
				</th>
			</tr>
		</table>
		<div id="anjian" align="center">
			<input type="button" id="denji" value="登记" class="layui-btn layui-btn-radius" />

			<input type="button" onclick="location.href='/renshiwelcome'" id="niup2" value="返回" class="layui-btn layui-btn-radius" />
		</div>
	</form>


	<!--分层   -->
	<div style="display:none" id="test">


		<table border="0" class="layui-form a21" style="margin-top: 20px" >
			<tr >

				<td ><span class="a11">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;职位名称:</span></td>
				<td ><div class="a41"><input type="text" class="layui-input " id="posName" ></div></td>
				<td ><span class="a11">职位编码:</span></td>
				<td><div class="a41"><input type="text" class="layui-input " id="posCode"></div></td>
				<td ><span class="a11">所属部门:</span></td>
				<td>
					<div class="layui-input-inline a41" style="display: block;">
						<div class="layui-input-block p1" style="margin-left: 0px;">
							<select name="brName" lay-verify="" id="brName" >
								<option value='请选择'>请选择</option>

							</select>
						</div>
					</div>

				</td>
				<td><button class="layui-btn" onclick="ZuZhiPage()">查询</button></td>
			</tr>
		</table>
		<hr  />

		<hr  />
		<!--<button class="layui-btn a51" onclick="zhiyefen()">确定</button>
        <button class="layui-btn ">返回</button>-->

		<table border="1" class="layui-table a61 table-page" lay-even lay-skin="row">
			<tr>
				<td>选择</td>
				<td>职位编码</td>
				<td>职位名称</td>
				<td>职位分类</td>
				<td>所属部门</td>
			</tr>
			<tr>
				<td>1</td>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>1</td>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>1</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<button class="layui-btn a51" onclick="zhiyefen()"  window.location.href="/renshidengji">确定</button>
		<button class="layui-btn">返回</button>

		<!--<div class="icon a7b">
            <button class="layui-btn" onclick="start()">首页</button>
            <button class="layui-btn  layui-icon layui-icon-prev a8b" onclick="prev()"></button>
            <span class="showPage a9b page" >第1页/共1页</span>
            <button class="layui-btn  layui-icon layui-icon-next " onclick="next()"></button>
            <button class="layui-btn" onclick="end()">末页</button>
        </div>-->
	</div>

</div>
<script src="/static/build/layui.js"></script>
<script>
	layui.use('form', function() {
		var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

		//……

		//但是，如果你的HTML是动态生成的，自动渲染就会失效
		//因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
		// form.render();
	});
</script>


<script>
	layui.use("layer", function() {
		var layer = layui.layer;
		//layer.msg("大家好，这是一个弹层", { time: 9000, type: 1,title:['测试一下','font-size:18px'] });
		$("#skt1").click(function() {
			layer.open({
				title: "职位名称",
				type: 1,
				area: ['1000px', '550px'],
				content: $("#test"),
				skin: 'layui-layer-molv'
			});
		});
	});
</script>


<script>
	layui.use('table', function() {
		var table = layui.table;
		//只有执行了这一步，部分表单元素才会自动修饰成功
		//但是，如果你的HTML是动态生成的，自动渲染就会失效
		//因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
		$.ajax({
			url: '/zuzhiyes',
			dataType: 'json',
			type: 'get',
			success: function (dataB) {
				//console.log(dataB);// 下面会提到这个dataB是什么值
				//使用循环遍历，给下拉列表赋值
				$.each(dataB, function (index, value) {
					$('#brName').append(new Option(value.brName,value.brName));// 下拉菜单里添加元素
				});
				layui.form.render("select");//重新渲染 固定写法
			}
		})
		table.render("select");
	});
</script>
</body>
</html>
